<!-- playground-fold -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sample</title>
</head>

<body style="background-color: var(--sapBackgroundColor)">
<!-- playground-fold-end -->
	<ui5-table id="table" style="height: 150px;">
		<ui5-table-header-row slot="headerRow" sticky>
			<ui5-table-header-cell id="produtCol"><span>Product</span></ui5-table-header-cell>
			<ui5-table-header-cell id="supplierCol">Supplier</ui5-table-header-cell>
			<ui5-table-header-cell id="dimensionsCol">Dimensions</ui5-table-header-cell>
			<ui5-table-header-cell id="weightCol">Weight</ui5-table-header-cell>
			<ui5-table-header-cell id="priceCol" style="text-align: end;">Price</ui5-table-header-cell>
		</ui5-table-header-row>
<!-- playground-fold -->
		<ui5-table-row>
			<ui5-table-cell><ui5-label><b>Notebook Basic 15</b><br>HT-1000</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>Very Best Screens</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>30 x 18 x 3 cm</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label style="color: #2b7c2b"><b>4.2</b> KG</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label><b>956</b> EUR</ui5-label></ui5-table-cell>
		</ui5-table-row>
		<ui5-table-row>
			<ui5-table-cell><ui5-label><b>Notebook Basic 17</b><br>HT-1001</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>Smartcards</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>29 x 17 x 3.1 cm</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label style="color: #2b7c2b"><b>4.5</b> KG</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label><b>1249</b> EUR</ui5-label></ui5-table-cell>
		</ui5-table-row>
		<ui5-table-row>
			<ui5-table-cell><ui5-label><b>Notebook Basic 18</b><br>HT-1002</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>Technocom</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>32 x 21 x 4 cm</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label style="color: #2b7c2b"><b>3.7</b> KG</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label><b>29</b> EUR</ui5-label></ui5-table-cell>
		</ui5-table-row>
		<ui5-table-row>
			<ui5-table-cell><ui5-label><b>Notebook Basic 19</b><br>HT-1003</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>Very Best Screens</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>30 x 18 x 3 cm</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label style="color: #2b7c2b"><b>4.2</b> KG</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label><b>956</b> EUR</ui5-label></ui5-table-cell>
		</ui5-table-row>
		<ui5-table-row>
			<ui5-table-cell><ui5-label><b>Notebook Basic 20</b><br>HT-1004</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>Smartcards</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>29 x 17 x 3.1 cm</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label style="color: #2b7c2b"><b>4.5</b> KG</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label><b>1249</b> EUR</ui5-label></ui5-table-cell>
		</ui5-table-row>
		<ui5-table-row>
			<ui5-table-cell><ui5-label><b>Notebook Basic 21</b><br>HT-1005</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>Technocom</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>32 x 21 x 4 cm</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label style="color: #2b7c2b"><b>3.7</b> KG</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label><b>29</b> EUR</ui5-label></ui5-table-cell>
		</ui5-table-row>
<!-- playground-fold-end -->
	</ui5-table>
<!-- playground-fold -->
    <script type="module" src="main.js"></script>
</body>

</html>
<!-- playground-fold-end -->